

            <div id="modal" class="modal fade" tabindex="-1" data-width="550" style="display: none;">
                <div id="modal-header" class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                    <h4 id="modal-title" class="modal-title">Delete Record</h4>
                </div>
                <div id="modal-body" class="modal-body">
                    <i class="fa fa-warning"></i><strong>This action is irreversible.</strong> Are you sure you want to delete this record?
                </div>
                <div id="modal-footer" class="modal-footer">
                    <a href="#" id="modal-btn-ok" class="btn btn-danger"><i class="fa fa-trash-o"></i> Delete</a>
                    <a href="#" id="modal-btn-cancel" class="btn btn-default" data-dismiss="modal"><i class="fa fa-times"></i> Cancel</a>
                </div>
            </div>